<template>
    <div class="vcreate-eventment-son">
        <el-button @click="sendMsg" style="marginTop: 10px;">点击触发父组件的自定义事件</el-button>
        <el-button @click="clearEvent" style="marginTop: 10px;">解绑子组件对父组件自定义事件的触发</el-button>
    </div>
</template>

<script>
export default {
    name: 'VcreateEventmentSon',
    methods: {
        // 触发父组件的自定义事件，但是不给父组件传递参数
        sendMsg() {
            // show-msg是父组件的自定义事件名
            this.$emit('show-msg');
        },
        // 解绑单个事件就写上自定义事件名，解绑所有事件，就直接this.$off();
        // 解绑后，将不会再触发父组件的自定义事件
        clearEvent() {
            this.$off('show-msg');
        }
    }
}
</script>

<style>

</style>